<template>
    <div ref="scroll">
        <slot></slot>
    </div>
</template>


<script>
import BScroll from "better-scroll";
//better-scroll使用方法 https://my.oschina.net/u/3964830/blog/2218861/
export default {
    data() {
        return {
            scroll: null
        };
    },
    props: {
        openPullingUp: {
            type: Boolean,
            default() {
                return true;
            }
        }
    },
    methods: {
        initScroll() {
            this.$nextTick(() => {
                this.scroll = new BScroll(this.$refs.scroll, {
                    click: true,
                    pullUpLoad: {
                        //当上拉距离超过盒子高度的10px的时候,就派发一个上拉加载的事件
                        threshold: 20
                    }
                });
                // 上拉刷新
                // if (this.openPullingUp) {
                //     this.scroll.on("pullingUp", () => {
                //         console.log("上拉刷新");
                //         // 不写finishPullUp只会执行一次
                //         this.scroll.finishPullUp();
                //     });
                // }
            });
        }
    },
    mounted() {
        this.initScroll();
    }
};
</script>
